import React from 'react'
import { Space, Button } from 'antd';
import { SwapRightOutlined ,CaretRightFilled }  from '@ant-design/icons';

//onChange={value => setSize(value)}  <Slider value={this.state.size}  />

class HomeTab extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            size: 10
        }
    }
    componentDidMount() {
        //发送后台请求
    }
    render() {
        return (
            <div>
                <ul className='nav nav-pills' style={{marginTop:"30px"}}>
                    <li role="presentation" style={{marginRight:"20px"}}>任务编号:10 </li>
                    <li role="presentation" style={{marginRight:"20px"}} >执行集:9</li>
                    <li role="presentation" style={{marginRight:"20px"}}>执行环境:3</li>
                    <li role="presentation" style={{marginRight:"20px"}}>用例ID:1</li>
                </ul>
                <br />
                <Space size={this.state.size}>
                    <Button type="primary">前置任务</Button>
                    <SwapRightOutlined />
                    <Button>故障注入</Button>
                    <CaretRightFilled />
                    <Button>事前验证</Button>
                    <CaretRightFilled />
                    <Button>后置任务</Button>
                    <CaretRightFilled />
                    <Button>事后验证</Button>
                </Space>
            </div>
        )
    }

}


export default HomeTab  